
<link rel="import" href="hongliu-login.html">
<link rel="import" href="hongliu-signup.html">
<link rel="import" href="hongliu-ajax.html">
<dom-module id="hongliu-app">

    <template>

        <paper-drawer-panel>
            <div drawer>
                <paper-menu selected="{{selected}}">
                <paper-icon-item>
                    <paper-ripple></paper-ripple>
                    <iron-icon icon="av:play-circle-filled" item-icon></iron-icon> My Music
                </paper-icon-item>
                <paper-icon-item>
                    <paper-ripple></paper-ripple>
                    <iron-icon icon="av:library-music" item-icon></iron-icon> Poly Music
                </paper-icon-item>
                <paper-icon-item>
                    <paper-ripple></paper-ripple>
                    <iron-icon icon="social:group" item-icon></iron-icon> Users
                </paper-icon-item>
                <paper-icon-item>
                    <paper-ripple></paper-ripple>
                    <iron-icon icon="icons:polymer" item-icon></iron-icon> About the app
                </paper-icon-item>
                </paper-menu>
            </div>
            <div main>
                <iron-pages selected="{{selected}}">
                    <section>
                        <hongliu-login></hongliu-login>
                    </section>
                    <section>
                        <hongliu-signup></hongliu-signup>
                    </section>
                    <section>
                        <hongliu-ajax></hongliu-ajax>
                    </section>
                    <section>
                        <poly-about-app></poly-about-app>
                    </section>
                </iron-pages>
            </div>
        </paper-drawer-panel>
        <poly-player id="poly-player"></poly-player>

    </template>

    <script>
        Polymer({
            is: 'hongliu-app',
            properties: {
                selected: {
                    type: Number,
                    value: 0
                }
            },
            ready: function() {
            }
        });
    </script>
</dom-module>
